/* Theme Name: Afric Aus Theme URI: http://wordpress.org/themes/twentytwelve Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. Version: 1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: twentytwelve This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* =Notes -------------------------------------------------------------- This stylesheet uses rem values with a pixel fallback. The rem values (and line heights) are calculated using two variables: $rembase: 14; $line-height: 24; ---------- Examples * Use a pixel value with a rem fallback for font-size, padding, margins, etc. padding: 5px 0; padding: 0.357142857rem 0; (5 / $rembase) * Set a font-size and then set a line-height based on the font-size font-size: 16px font-size: 1.142857143rem; (16 / $rembase) line-height: 1.5; ($line-height / 16) ---------- Vertical spacing Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm: .my-new-div { margin: 24px 0; margin: 1.714285714rem 0; ( 24 / $rembase ) } ---------- Further reading http://snook.ca/archives/html_and_css/font-size-with-rem http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ /* =Reset -------------------------------------------------------------- */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ #navwrap { float:left; width:100%; } /* Top level Unordered list */ ul.dropdown { list-style:none; float:left; width:100%; padding: 0 0px; } ul.dropdown li{ float:left; /* makes horiz list */ position:relative; /* hey Submenu ULs, appear below! */ } ul.dropdown a { padding:12px; /*space the items, occupy entire height too.*/ color:#eee; } /* Style the link hover */ ul.dropdown li:hover a { color:#fff; background: #606c88; /* Old browsers */ background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* IE10+ */ background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */ opacity:0.9; } /* Displays the link as blocks. */ ul.dropdown li ul a { display:block; text-align:left; padding: 12px; font-family: "open sans"; font-size: 14px; } /* sub menus!! */ ul.dropdown ul { list-style: none; margin:0; /* Appear just below the hovering list */ padding:0; width:200px; /* specify the width. */ position:absolute; /* needed */ z-index:600; /* specify the order */ } ul.dropdown li ul { top:40px; /* Positioning:Calc with top level horz list height */ } ul.dropdown ul ul { top:0; left:100%; /* Position the sub menus to right. */ } ul.dropdown ul li { float:none; /* umm.. Appear below the previous one. mmkay? */ width:320px; /*border-bottom:1px solid #fff; border-top:1px solid #fff;*/ } /* Drop Down! */ /* Hide all the dropdowns (submenus) */ ul.dropdown ul, ul.dropdown li:hover ul ul, ul.dropdown ul li:hover ul ul { display: none; } /* Display the submenus only when li are hovered */ ul.dropdown li:hover ul, ul.dropdown ul li:hover ul , ul.dropdown ul li ul li:hover ul { display: block;} ul.dropdown li * a:hover { /* Change color of links when hovered */ background:#699; border-bottom:1px solid #fff; border-top:1px solid #fff; } .page-id-57 .entry-title {display: none;} .page-id-59 .entry-title {display: none;} .page-id-61 .entry-title {display: none;} .page-id-63 .entry-title {display: none;} .page-id-65 .entry-title {display: none;} .t { background: white; border: 1px solid #BEBEBE; border-radius: 5px; padding-left:12px; color: #666; height:30px; margin-bottom:20px; width: 365px; } .ta { ckground: white; border: 1px solid #BEBEBE; border-radius: 5px; padding-left:12px; color: #666; height:80px; margin-bottom:10px; width: 365px; } .bt{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; float: left; color: #FFFFFF; padding: 10px 20px; width: 120px; height: 40px; border: none; background-color: #005F29; margin-bottom: 20px; border-radius: 5px; } .pages-area { float:left; width:100%; } .pages { float:left; width:100%; margin-top:20px; } .pages-left { float:left; width:73%; } .pages-right { float:right; width:25%; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src: url('https://www.afric-aus.com/wp-content/themes/AFRIC/fonts/flexslider-icon.eot'); src: url('https://www.afric-aus.com/wp-content/themes/AFRIC/fonts/flexslider-icon.eot#iefix') format('embedded-opentype'), url('https://www.afric-aus.com/wp-content/themes/AFRIC/fonts/flexslider-icon.woff') format('woff'), url('https://www.afric-aus.com/wp-content/themes/AFRIC/fonts/flexslider-icon.ttf') format('truetype'), url('https://www.afric-aus.com/wp-content/themes/AFRIC/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider { padding: 0; float:left; width:100%; border-bottom: 2px solid #003919; } .flexslider .slides > li { } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: block; width:100%; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 49%; z-index: 999; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: 10px; background: url(images/prev.png)no-repeat; width:70px; height:70px; text-indent:-9999px; } .flex-direction-nav .flex-next { right:10px; background: url(images/next.png) no-repeat; width:70px; height:70px; text-indent:-9999px; } .flexslider:hover .flex-prev { opacity: 0.7; } .flexslider:hover .flex-next { opacity: 0.7; z-index:999; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; background:url(https://www.afric-aus.com/wp-content/themes/AFRIC/images/bgdot.png) no-repeat; background-position:top center; height:46px; display:none; } .flex-control-nav li { margin: 7px 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 20px; height: 20px; display: block; background: #666; background: #717B95; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #fff; } .flex-control-paging li a.flex-active { background: #fff; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } @charset "utf-8"; /* CSS Document */ body{ width:100%; margin:0 auto; background: url(https://www.afric-aus.com/wp-content/themes/AFRIC/images/bg.jpg); background-repeat:repeat; display:inline-block; font-family:Arial, Regular; } p { font-size: 13px !important; font-family:Arial, Regular; color:#3F3E3E; text-align:justify; margin-bottom:10px !important; font-weight:normal; } .structure { max-width:1230px; margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px; } .structure:before, .structure:after { display: table; content: " "; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .structure:after { clear: both; } .header-area { float:left; width:100%; background:#005f29; border-bottom:2px solid #003919; } .header { float:left; width:100%; padding-top:5px; padding-bottom:5px; } .flow { float:right; } .flow ul { float:right; } .flow ul li { float:left; margin-right:5px; } .flow ul li:last-child { margin-right:0; } .flow ul li img:hover { opacity:.5; } .menu { float:left; padding-top:0px; } .menu ul { list-style-type: none; padding-left: 0px; float:none; display:inline-block; text-align:center; } .menu ul li { margin:0; float:none; display:inline-block; text-align:center; } .menu ul li a { color: #fff; font-family: myFirstFont; font-size: 20px; text-decoration: none; padding:5px 12px; float:none; font-weight:normal; display:inline-block; text-align:center; } .menu ul li a.active,.menu ul li a:hover{ /* background-image:url(images/line.png); background-repeat:no-repeat; background-position:top center;*/ /* color:#fff; background:#319BF1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; */ } .menu li > li.active a { /*background-image:url(images/line.png); background-repeat:no-repeat; background-position:top center;*/ } .menu .current-menu-item > a, .menu.current-menu-ancestor > a, .menu .current_page_item > a, .menu .current_page_ancestor > a { /* background-image:url(images/line.png); background-repeat:no-repeat; background-position:top center;*/ } .banner-area { float:left; width:100%; } .ban-text { float:none; width:100%; display:inline-block; text-align:center; } .ban-text img { width:auto !important; position:relative; z-index:555; margin-top:-39%; display:inline-block; text-align:center; max-width:100%; height:auto; } .banners { float:left; width:100%; } .banners img { width:100%; } .text-area { float:left; width:100%; } .text { float:left; width:100%; padding-top:10px; background:#fff; padding-bottom:20px; } .text-left { float:left; width:80%; background:url(images/bigline.jpg) no-repeat left center; padding-left:10px; } .text-right { width:18%; float:right; display:inline-table; text-align:center; } .text p { line-height: 1.6; padding: 10px; color: #427b56; font-family: "open sans"; font-weight: bold; font-size: 15px !important; } .box-area { float:left; width:100%; background:#005f29; } .box { float:left; width:100%; padding-top:15px; padding-bottom:25px; } .box ul { float:left; width:100%; } .box ul li { float:left; width:20%; display:inline-block; text-align:center; padding-right:10px; } .box ul li:last-child { padding-right:0; } .box ul li img { display:inline-block; text-align:center; max-width:100%; height:auto; } .box h1 { color:#ffffff; font-family: myFirstFont1; text-align:center; font-size:16px; font-weight:normal; padding-top:10px; padding-bottom:10px; } .box p { color:#b0b0b0; margin-bottom:0; /*font-family: myFirstFont1;*/ font-family:"Open Sans"; font-weight:normal; text-align:center; } .more { float:none; display:inline-block; text-align:center; padding:2px 10px; background:#fff; border-radius:10px; } .more a { color:#005f29; font-size:14px; text-decoration:none; } .more1 { float:none; display:inline-block; text-align:center; padding:10px; padding:5px 5px; width:100%; border:1px solid #005f29; margin-top:50px; } .more1 a { color:#fff; text-decoration:none; font-family: arial; font-size:22px; display:inline-block; text-align:center; font-weight:normal; background:#005f29; padding:8px; width:100%; } .more2 { float:right; } .more2 a { text-decoration:none; color:#005f29; font-size:17px !important; font-style: italic; font-family: "open sans"; } .more3 { float:none; display:inline-block; text-align:center; padding:10px; padding:5px 5px; border:1px solid #005f29; margin-top:5px; } .more3 a { color:#fff; text-decoration:none; font-family:"Open Sans"; font-size:15px; display:inline-block; text-align:center; font-weight:normal; background:#005f29; padding:8px 36px; max-width:100%; } .more4 { float:right; display:inline-block; text-align:center; padding:10px; padding:5px 5px; border:1px solid #005f29; margin-top:5px; } .more4 a { color:#fff; text-decoration:none; font-family:"Open Sans"; font-size:15px; display:inline-block; text-align:center; font-weight:normal; background:#005f29; padding:8px 36px; max-width:100%; } .col-area { float:left; width:100%; } .col { float:left; width:100%; padding-top:10px; padding-bottom:20px; background:url(images/lines.png) no-repeat bottom center; margin-bottom:20px; } .col ul { float:left; width:100%; } .col ul li { float:left; width:29%; margin-right:6.5%; } .col ul li:last-child { margin-right:0; } .col img { border:1px solid #005f29; padding:8px; width:100%; } .col h1 { font-size:25px; font-weight:normal; color:#005f29; font-family: myFirstFont2; } .col p { color:#636363; line-height:1.5; text-align:justify; font-family: "open sans"; } .bottom-area { float:left; width:100%; } .bottom { float:left; width:100%; margin-bottom:20px; } .bottom-left { float:left; width:65%; } .bottom-left ul { float:left; width:100%; } .bottom-left ul li { float:left; width:29%; margin-right:6.5%; margin-bottom:10px; } .bottom-left ul li:last-child { margin-right:0; } .bottom-left ul li:nth-child(3) { margin-right:0; } .bottom-left ul li img { border:1px solid #005f29; padding:5px; } .bottom-right { float:right; width:29%; } .bottom-right ul { float:left; width:100%; } .bottom-right ul li { float:left; width:100%; margin-bottom:10px; } .bottom-right ul li img { border:1px solid #005f29; padding:5px; float:left; margin-right:10px; } .bottom-right p { color:#6d6d6d; font-size: 13px !important; font-family: "open sans"; } .bottom h1 { font-size:25px; font-weight:normal; color:#005f29; font-family: myFirstFont2; margin-bottom:10px; } .footer-area { float:left; width:100%; background:#005f29; } .footer { float:left; width:100%; } .power { float:left; margin-top: 20px; } .power p { color:#e0e5eb; margin-bottom:0 !important; } .power a { color:#e0e5eb; text-decoration:none; } .footer-menus { float:right; } .footer-menus ul { list-style-type: none; float:left; margin:0; } .footer-menus ul li { float: left; background-repeat:no-repeat; margin:0; padding-bottom:10px; padding-top:10px; } .footer-menus ul li a { color: #fff; font-size: 13px; font-family:"Open Sans"; text-decoration: none; padding:5px 10px; font-weight:normal; text-align:center; letter-spacing:1px; padding-left:20px; } .footer-menus ul li a:hover{ color:#fff; text-decoration:underline; } .footer-menus ul li:first-child a { background:none; } .power a:hover { text-decoration:underline; } @font-face { font-family: myFirstFont; src: url(fonts/OpenSans-Regular.ttf); } @font-face { font-family: myFirstFont1; src: url(fonts/Avgardm.ttf); } @font-face { font-family: myFirstFont2; src: url(fonts/COPRGTB.ttf); } /* `XHTML, HTML4, HTML5 Reset ----------------------------------------------------------------------------------------------------*/ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; } html, body { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { /* Override the default (display: inline) for browsers that do not recognize HTML5 tags. IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv */ display: block; } b, strong { /* Makes browsers agree. IE + Opera = font-weight: bold. Gecko + WebKit = font-weight: bolder. */ font-weight: bold; } img { color: transparent; font-size: 0; vertical-align: middle; /* For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images */ -ms-interpolation-mode: bicubic; max-width:100%; height:100%; } ol, ul { list-style: none; } li { /* For IE6 + IE7: "display: list-item" keeps bullets from disappearing if hasLayout is triggered. */ display: list-item; } table { border-collapse: collapse; border-spacing: 0; } th, td, caption { font-weight: normal; vertical-align: top; text-align: left; } q { quotes: none; } q:before, q:after { content: ""; content: none; } sub, sup, small { font-size: 75%; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } svg { /* For IE9. Without, occasionally draws shapes outside the boundaries of rectangle. */ overflow: hidden; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after{ clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix{ zoom: 1; } /* =Main content and comment content -------------------------------------------------------------- */ .entry-meta { clear: both; display:none; } .entry-header { margin-bottom: 12px; } .entry-header img.wp-post-image { /* margin-bottom: 24px; */ /* margin-bottom: 1.714285714rem; */ float: left; margin-right: 15px; border: 2px solid #18D96C; padding: 3px; } .entry-header .entry-title { font-size: 20px; font-size: 1.428571429rem; line-height: 1.2; font-weight: normal; } .entry-header .entry-title a { text-decoration: none; } .entry-header .entry-format { margin-top: 24px; margin-top: 1.714285714rem; font-weight: normal; } .entry-header .comments-link { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .comments-link a, .entry-meta a { color: #757575; } .comments-link a:hover, .entry-meta a:hover { color: #21759b; } article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } .entry-content, .entry-summary, .mu_register { line-height: 1.714285714; } .entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; } .entry-content h1, .comment-content h1 { font-size: 21px; font-size: 1.5rem; line-height: 1.5; } .entry-content h2, .comment-content h2, .mu_register h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6; } .entry-content h3, .comment-content h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1.846153846; } .entry-content h4, .comment-content h4 { font-size: 14px; font-size: 1rem; line-height: 1.846153846; } .entry-content h5, .comment-content h5 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .entry-content h6, .comment-content h6 { font-size: 12px; font-size: 0.857142857rem; line-height: 1.846153846; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0 0 4px; /* margin: 0 0 1.714285714rem; */ line-height: 1.714285714; font-family: "open sans"; font-size: 13px !important; } .entry-content a:visited, .comment-content a:visited { color: #9f9f9f; } .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; } .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; } .entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; } .entry-content ol, .comment-content ol { list-style: decimal outside; } .entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; margin: 0 0 0 2.571428571rem; } .entry-content blockquote, .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 24px; padding: 1.714285714rem; font-style: italic; } .entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; } .entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2; } .entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; } .entry-content pre code, .comment-content pre code { display: block; } .entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; } .entry-content address, .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; } img.alignleft, .wp-caption.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } img.alignright, .wp-caption.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } img.aligncenter, .wp-caption.aligncenter { clear: both; float: left; margin-right: 13px; border: 2px solid #35CD76; padding: 3px; } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; } .entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; } .entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content table, .comment-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; } .entry-content table caption, .comment-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; } .entry-content td, .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } .site-content article { border-bottom: 4px double #ededed; margin-bottom: 72px; margin-bottom: 5.142857143rem; padding-bottom: 24px; padding-bottom: 1.714285714rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .page-links { clear: both; line-height: 1.714285714; } footer.entry-meta { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .single-author .entry-meta .by-author { display: none; } .mu_register h2 { color: #757575; font-weight: normal; } /* =Archives -------------------------------------------------------------- */ .archive-header, .page-header { margin-bottom: 48px; margin-bottom: 3.428571429rem; padding-bottom: 22px; padding-bottom: 1.571428571rem; border-bottom: 1px solid #ededed; } .archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; } /* =Single audio/video attachment view -------------------------------------------------------------- */ .attachment .entry-content .mejs-audio { max-width: 400px; } .attachment .entry-content .mejs-container { margin-bottom: 24px; } /* =Single image attachment view -------------------------------------------------------------- */ .article.attachment { overflow: hidden; } .image-attachment div.attachment { text-align: center; } .image-attachment div.attachment p { text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; } /* =Aside post format -------------------------------------------------------------- */ article.format-aside h1 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } article.format-aside h1 a { text-decoration: none; color: #4d525a; } article.format-aside h1 a:hover { color: #2e3542; } article.format-aside .aside { padding: 24px 24px 0; padding: 1.714285714rem; background: #d2e0f9; border-left: 22px solid #a8bfe8; } article.format-aside p { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #4a5466; } article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0; } /* =Post formats -------------------------------------------------------------- */ /* Image posts */ article.format-image footer h1 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; font-weight: normal; } article.format-image footer h2 { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; } article.format-image footer a h2 { font-weight: normal; } /* Link posts */ article.format-link header { padding: 0 10px; padding: 0 0.714285714rem; float: right; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; font-style: italic; text-transform: uppercase; color: #848484; background-color: #ebebeb; border-radius: 3px; } article.format-link .entry-content { max-width: 80%; float: left; } article.format-link .entry-content a { font-size: 22px; font-size: 1.571428571rem; line-height: 1.090909091; text-decoration: none; } /* Quote posts */ article.format-quote .entry-content p { margin: 0; padding-bottom: 24px; padding-bottom: 1.714285714rem; } article.format-quote .entry-content blockquote { display: block; padding: 24px 24px 0; padding: 1.714285714rem 1.714285714rem 0; font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef; } /* Status posts */ .format-status .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .format-status .entry-header header { display: inline-block; } .format-status .entry-header h1 { font-size: 15px; font-size: 1.071428571rem; font-weight: normal; line-height: 1.6; margin: 0; } .format-status .entry-header h2 { font-size: 12px; font-size: 0.857142857rem; font-weight: normal; line-height: 2; margin: 0; } .format-status .entry-header header a { color: #757575; } .format-status .entry-header header a:hover { color: #21759b; } .format-status .entry-header img { float: left; margin-right: 21px; margin-right: 1.5rem; } /* =Comments -------------------------------------------------------------- */ .comments-title { margin-bottom: 48px; margin-bottom: 3.428571429rem; font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; font-weight: normal; } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area cite b { font-weight: normal; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area .bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } .comments-area .bypostauthor cite b { font-weight: bold; } a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } /* Comment form */ #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; } .required { color: red; } /* =Front page template -------------------------------------------------------------- */ .entry-page-image { margin-bottom: 14px; margin-bottom: 1rem; } .template-front-page .site-content article { border: 0; margin-bottom: 0; } .template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; padding-top: 1.714285714rem; border-top: 1px solid #ededed; } .template-front-page .widget-area .widget li { margin: 8px 0 0; margin: 0.571428571rem 0 0; font-size: 13px; font-size: 0.928571429rem; line-height: 1.714285714; list-style-type: square; list-style-position: inside; } .template-front-page .widget-area .widget li a { color: #757575; } .template-front-page .widget-area .widget li a:hover { color: #21759b; } .template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; } /* =Widgets -------------------------------------------------------------- */ .widget-area .widget ul ul { margin-left: 12px; margin-left: 0.857142857rem; } .widget_rss li { margin: 12px 0; margin: 0.857142857rem 0; } .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; } #wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } .widget_search label { display: block; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget_twitter li { list-style-type: none; } .widget_twitter .timesince { display: block; text-align: right; } /* =Plugins ----------------------------------------------- */ img#wpstats { display: block; margin: 0 auto 24px; margin: 0 auto 1.714285714rem; } /* =Media queries -------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* Minimum width of 600 pixels. */ @media screen and (min-width: 600px) { .author-avatar { float: left; margin-top: 8px; margin-top: 0.571428571rem; } .author-description { float: right; width: 80%; } .site { margin: 0 auto; max-width: 960px; max-width: 68.571428571rem; overflow: hidden; } .site-content { float: left; width: 65.104166667%; } body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content { width: 100%; } .widget-area { float: right; width: 26.041666667%; } .site-header h1, .site-header h2 { text-align: left; } .site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; display: inline-block !important; text-align: left; width: 100%; } .main-navigation ul { margin: 0; text-indent: 0; } .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; } .main-navigation li a { border-bottom: 0; color: #6a6a6a; line-height: 3.692307692; text-transform: uppercase; white-space: nowrap; } .main-navigation li a:hover, .main-navigation li a:focus { color: #000; } .main-navigation li { margin: 0 40px 0 0; margin: 0 2.857142857rem 0 0; position: relative; } .main-navigation li ul { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .main-navigation li ul ul { top: 0; left: 100%; } .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit; } .main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; } .main-navigation li ul li a:hover, .main-navigation li ul li a:focus { background: #e3e3e3; color: #444; } .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #636363; font-weight: bold; } .menu-toggle { display: none; } .entry-header .entry-title { font-size: 20px; font-weight: normal; color: #005f29; font-family: myFirstFont2; } #respond form input[type="text"] { width: 46.333333333%; } #respond form textarea.blog-textarea { width: 79.666666667%; } .template-front-page .site-content, .template-front-page article { overflow: hidden; } .template-front-page.has-post-thumbnail article { float: left; width: 47.916666667%; } .entry-page-image { float: right; margin-bottom: 0; width: 47.916666667%; } .template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets { float: left; width: 51.875%; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .template-front-page .widget-area .widget:nth-child(odd) { clear: right; } .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; } .commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; } } /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { body { background-color: #fff; } body .site { padding: 0 40px; padding: 0 2.857142857rem; margin-top: 48px; margin-top: 3.428571429rem; margin-bottom: 48px; margin-bottom: 3.428571429rem; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } body.custom-background-empty { background-color: #fff; } body.custom-background-empty .site, body.custom-background-white .site { padding: 0; margin-top: 0; margin-bottom: 0; box-shadow: none; } } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } a { text-decoration: none; } .entry-content img, .comment-content img, .author-avatar img, img.wp-post-image { border-radius: 0; box-shadow: none; } .site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } .site-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; } .site-header h1 { font-size: 21pt; line-height: 1; text-align: left; } .site-header h2 { color: #000; font-size: 10pt; text-align: left; } .site-header h1 a, .site-header h2 a { color: #000; } .author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .main-navigation { display: none; } .wrapper { border-top: none; box-shadow: none; } .site-content { margin: 0; width: auto; } .entry-header .entry-title, .entry-title { font-size: 21pt; } footer.entry-meta, footer.entry-meta a { color: #444; font-size: 10pt; } .author-description { float: none; width: auto; } /* Comments */ .commentlist > li.comment { background: none; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .comments-area article header cite, .comments-area article header time { margin-left: 50px; margin-left: 3.57142857rem; } } /*.................................Responsive-Menu......................................*/ /*! * Bootstrap v3.0.2 by @fat and @mdo * Copyright 2013 Twitter, Inc. * Licensed under http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100%; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; width: 152px; height: 46px; border: none; background-color: #2BB868; color: #fff; font-family: "open sans"; font-size: 20px; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; width: 451px; /* height: 43px; */ padding: 12px; } .search { float: right; margin-right: 60px; margin-top: 10px; } #searchForm fieldset { width:240px; position:relative; display:block; } div.input { /* padding: 5px 15px 7px 15px; */ /* border-radius: 20px; */ border: 1px solid #c6d2db; border-top: 1px solid #b4c1cb; box-shadow: inset 0 1px 2px rgba(0,0,0,0.08); float: right; background: #FFFFFF; } div.input.focus { border:1px solid #9ecbe2; box-shadow:0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08); } input#s { width:100%; border:0; border-radius:20px; background:transparent; height:16px; color:#b4bdc4; text-shadow:0 1px 1px #fff; height:6px } input#s:focus { outline:none } input#searchSubmit { width:19px; height:19px; text-indent:-9999px; overflow:hidden; background:url(https://www.afric-aus.com/wp-content/themes/images/search-icon.png) no-repeat; border:0; position:absolute; top:7px; right:13px; z-index:5; display:none; cursor:pointer; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } .navbar { display: none; } } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0 !important; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; background:none; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (min-width: 992px) { .navbar-right .dropdown-menu { right: 0; left: auto; } } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #428bca; } .nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .navbar { } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } @media (min-width: 992px) { .navbar { } } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } @media (min-width: 992px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 992px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: auto; } .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: -15px; } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; } .navbar-collapse .navbar-text:last-child { margin-right: 0; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 992px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } @media (min-width: 992px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top:8px; background-color:#971407; border: 1px solid #000; border-radius: 4px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background:#000; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 992px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 992px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 992px) { .navbar-nav { /* float: left;*/ float:right; margin: 0; margin-top:20px; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 5px; padding-bottom: 5px; } } @media (min-width: 992px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-inverse { } .navbar-inverse .navbar-brand { color: #999999; width:100%; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .navbar-nav > li > a { color: #3f3f3f; text-transform:uppercase; font:bold 16px "Myriad Pro", Helvetica, sans-serif; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { background: -moz-linear-gradient(top, #3f3f3f 10%, #232323 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#3f3f3f), color-stop(100%,#232323)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3f3f3f 10%,#232323 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3f3f3f 10%,#232323 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3f3f3f 10%,#232323 100%); /* IE10+ */ background: linear-gradient(to bottom, #3f3f3f 10%,#232323 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#232323',GradientType=0 ); /* IE6-9 */ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background: #3f3f3f; /* Old browsers */ background: -moz-linear-gradient(top, #3f3f3f 10%, #232323 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#3f3f3f), color-stop(100%,#232323)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3f3f3f 10%,#232323 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3f3f3f 10%,#232323 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3f3f3f 10%,#232323 100%); /* IE10+ */ background: linear-gradient(to bottom, #3f3f3f 10%,#232323 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#232323',GradientType=0 ); /* IE6-9 */ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333333; background:#000; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } @media (max-width: 991px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444444; background-color: transparent; } .menu { width:100%; float:left; } .menu ul { float:left; width:100%; } .header-right { width: 100%; float: none; display: inline-block; margin-top:0; padding-top:0; } .menu ul li { float:left; width:100%; } .menu ul li a { float:left; width:100%; } .menu .current-menu-item > a, .menu.current-menu-ancestor > a, .menu .current_page_item > a, .menu .current_page_ancestor > a { background-color:#fff; color:#000; background-image:none; } .menu li > li.active a { background-color:#fff; color:#000; background-image:none; } .menu ul li a.active,.menu ul li a:hover{ background-color:#fff; color:#000; background-image:none; } .menu ul li a { padding: 10px 20px; border:none; text-align:left; } .menu ul li { border:none; float:left; } .menu { margin-top:0px; } .pages-left { width:100%; } .pages-right { width:100%; } .pages-lefts { width:100%; } .logo { float: none; display: block; text-align: center; } .box-left { width:100%; } .box-right { width:100%; } .power { float: left; width: 100%; text-align: center; } .power p { float:none; text-align:center; } .footer-right { float: none; width: 100%; display: inline-block; text-align: center; } .footer-menus { float:none; } .footer-menus ul { float:none; text-align:center; } .footer-menus ul li { float:none; display:inline-block; text-align:center; } .cl { margin-top: 30px; float: none; width: 100%; display: inline-block; text-align: center; } .cl img { max-width: 100%; text-align: center; display: inline-block; } .banner-area { margin-top:0; } .menu { padding-top:0; } .box-inner { width:100%; } .bottom-left { width:100%; margin-bottom:20px; } .bottom-right { width:100%; } .copy { float: none; margin-left: 0px; margin-top: 10px; margin-bottom: 10px; } .head-left { width:100%; margin-left:0; } .call { float:none; width:100%; display:inline-block; text-align:center; } .call p { float:none; display:inline-block; text-align:center; } .hd h1 { text-align: center; } .hd { float:none; } .flow { float:none; display:inline-block; text-align:center; width:100%; } .flow ul { float:none; display:inline-block; text-align:center; } .flow ul li { float:none; display:inline-block; text-align:center; } .nav { float:none; display:inline-block; text-align:center; } .im { display:none; } .ban-left ul { display:none; } .foot-left ul li { width:100%; margin-right:0; margin-bottom:10px; } .foot-left ul li:last-child img { width:auto; max-width:100%; } .more { margin-top:3%; } #accept_paypal_payment_form { margin-top: -57px; margin-left: 0px; } .text-left { width:100%; } .text-right { width:100%; } .text h1 { text-align:center; } span.wpcf7-form-control-wrap { width:80%; } .ban-text { width:100%; position:relative; margin-top:0; } .logo-right { width: 100%; float: none; padding-top: 15px; display: inline-block; text-align: center; } .logo-right h1 { width:auto; display:inline-block; text-align:center; float:none; } .logo-right h2 { width:auto; float:none; display:inline-block; text-align:center; } .row-left { width:100%; } .row-right { width:100%; } .bottom ul li { width:45% !important; } .bottom ul li:last-child { width:48%; float:right; } .bottom ul li:nth-child(2) { width:48%; margin-right:0; float:right; } .top-menu { float: none; padding-top: 5px; display: inline-block; text-align: center; } } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } @media (max-width: 767px) { .logo img { max-width:100%; } .left { display:none; } .right { display:none; } .bt h1 { font-size: 24px; } .foot-left ul li:last-child img { width:auto; max-width:100%; } .text-left { width:100%; } .text-right { width:100%; } .ban-left { display:none; } .ban-right { width:100%; } .pages-right1 img { display:none; } .pages-left1 { width:100%; } .text ul li { width:100%; text-align:center; } .text ul li img { display:inline-block; text-align:center; } .text h1 { margin-top:0; text-align:center; } .boot { width:100%; } .boots { width:100%; } object { width:100%; } .flow { float: none; margin-top: 1%; width: 100%; display: inline-block; text-align: center; } .flow h1 { display:inline-block; text-align:center; float:none; } .flow p { display:inline-block; text-align:center; float:none; } .flow ul { float: none; width: auto !important; display: inline-block; text-align: center; } .socials li { float: none; width: auto !important; border: none !important; display: inline-block; text-align: center; } .header-right h2 { display:inline-block; text-align:center; float:none; } .nav { float: none; display: inline-block; } .more { float: none; width: auto; display: inline-block; text-align: center; } .more p { float: none; width: 100%; display: inline-block; text-align: center; } .more p a { float: none; width: 100%; display: inline-block; text-align: center; } .page-left { width:100%; } .page-right img { display:none; } .t { width:100% !important; } .ta { width:100% !important; } .text ul li { width:100%; } .bottom ul li { width:100%; } .foot-left ul li { width:100%; margin-right:0; margin-bottom:10px; } .navs { float:none; display:inline-block; text-align:center; } .col ul li { width:100%; margin-bottom:10px; border-bottom:2px solid #F97F00; padding-bottom:10px; display:inline-block; text-align:center; } .col { background:none; } .col ul li img { float:none; display:inline-block; text-align:center; margin-bottom:10px; max-width:100%; width:auto; } .bottom-left { width:100%; } .bottom ul li { width:50% ; margin-right:0; float:left !important; } .bottom ul li img { max-width:100%; } iframe { width:100% !important; } } @media (max-width: 768px) { iframe { width:100%; } object { width:100%; } .box ul li { width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff; } } @media (max-width: 500px) { .box ul li { width:100% !important; margin-right:0; text-align:center; } .box ul li img { width:auto !important; max-width:100%; display:inline-block; text-align:center; } .bottom ul li { width:100% !important; margin-right:0; text-align:center; } .bottom ul li img { width:auto !important; max-width:100%; display:inline-block; text-align:center; } .bottom h1 { text-align:center; } .more3 { width:100%; } .more4 { width:100%; } } /*..................................Responsive Menu....................................*/